<template>
	<view class="pageItem">
		<view class="title">商家申请入驻汉家承</view>
		<view class="main">
			<view class="m_box">
				<view class="m_b_title">店铺名称</view>
				<input class="m_b_input" type="text" v-model="name" placeholder="填写店铺名称">
			</view>
			<view class="m_box">
				<view class="m_b_title">联系电话</view>
				<input class="m_b_input" type="text" v-model="phone" placeholder="填写联系电话">
			</view>
			<view class="m_box">
				<view class="m_b_title">主营产品</view>
				<textarea class="m_b_text" v-model="content" placeholder="填写主营产品"/>
			</view>
		</view>
		<view class="btn" @click="submit">提交申请</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				name:'',
				phone:'',
				content:''
			};
		},
		methods: {
			submit() {
				console.log(this.name ,this.phone,this.content )
				if(this.name == '' || this.phone == '' || this.content == ''){
					uni.showToast({
						title:'请输入完整信息',
						icon:'none',
					})
					return
				}
				let me = this;
				me.Net._get('smsh11',{name:me.name,phone:me.phone,content:me.content},res=>{
					me.Msg.Success('提交成功', res => {
						me.Nav._to({ url: '/pages/index/index', type: 2 });
					});
				});
			
		},
	}}
</script>
<style>
page{
	background: #fafafa;
}
</style>
<style lang="scss">
.title{
	width: 100%;
	padding: 4vh 6% 3vh;
	font-size: 6.5vw;
	font-weight: bold;
	color: #333333;
}
.main{
	width: 88%;
	margin-left: 6%;
	margin-top: 3vh;
	border-radius: 20rpx;
	padding: 8vw 5vw;
	background: #ffffff;
	box-shadow: 5rpx 5rpx 10rpx 10rpx #f4f4f4;
	.m_box{
		width: 100%;
		.m_b_title{
			font-size: 28rpx;
			color: #333333;
			padding-bottom: 15rpx;
		}
		.m_b_input{
			width: 100%;
			padding: 0 3vw;
			height: 13vw;
			border: 1rpx solid #f4f4f4; 
			border-radius: 15rpx;
			margin-bottom: 30rpx;
		}
		.m_b_text{
			width: 100%;
			padding: 3vw;
			height: 25vw;
			border: 1rpx solid #f4f4f4; 
			border-radius: 15rpx;
			margin-bottom: 30rpx;
		}
	}
}
.btn{
	width: 88%;
	margin-left: 6%;
	background: #E31A06;
	color: #ffffff;
	font-size: 34rpx;
	line-height: 12vw;
	border-radius: 20rpx;
	text-align: center;
	margin-top: 8vw;
}

</style>
